import React from 'react'
import {Avatar } from 'antd';
export default function News(props) {
  return (
    <div>
    {
      props.type==="0"?
      <div style={{display:'flex',padding:'15px'}}>
        <div style={{flex:'10'}}></div>
        <div style={{flex:'2'}}>
          <div style={{fontSize:'10px',textAlign:'right'}}>{props.data.name}</div>
          <div style={{backgroundColor:'#14ce14',padding:'5px'}}>{props.data.message}</div>
        </div>
        <div style={{flex:'1'}}><Avatar src={props.data.img}></Avatar></div>
      </div>
      :
      <div style={{display:'flex',padding:'5px 15px'}}>
        <div style={{flex:'1'}}><Avatar src={props.data.img}></Avatar></div>
        <div style={{flex:'2'}}>
          <div style={{fontSize:'10px'}}>{props.data.name}</div>
          <div style={{backgroundColor:'#c0c0c0',padding:'5px'}}>{props.data.message}</div>
        </div>
        <div style={{flex:'16'}}></div>
      </div>
    }
    </div>
  )
}
